import { Skeleton } from "antd";
import "./index.scss";
function LoadingPage() {
	return (
		<>
			<div className="loading-box">
				<div className="flex">
					<Skeleton.Input active style={{ width: 400 }} />
					<Skeleton.Input active style={{ width: 400 }} />
					<div>
						<Skeleton.Button active style={{ marginRight: 20 }} />
						<Skeleton.Button active />
					</div>
				</div>
			</div>
			<div className="loading-box">
				<Skeleton.Input
					active
					style={{ width: 400, marginBottom: 20 }}
				/>
				<div className="flex">
					<Skeleton.Input active style={{ width: 1000 }} />
					<div>
						<Skeleton.Button active style={{ marginRight: 20 }} />
						<Skeleton.Button active />
					</div>
				</div>
				<Skeleton paragraph={{ rows: 4 }} />
				<div className="flex">
					<Skeleton.Input active style={{ width: 1000 }} />
					<div>
						<Skeleton.Button active style={{ marginRight: 20 }} />
						<Skeleton.Button active />
					</div>
				</div>
				<Skeleton />
			</div>
		</>
	);
}

export default LoadingPage;
